<template>
  <div class="supplement-box app-main-content-box">
    <el-tabs v-model="activeName">
      <el-tab-pane label="补录" name="supplement">
        <supplement-info />
      </el-tab-pane>
      <el-tab-pane label="基本信息" name="info">
        <all-info v-if="activeName === 'info'"></all-info>
      </el-tab-pane>
      <!-- <el-tab-pane label="工作流程图" name="workflowChart">
        <work-flow v-if="activeName === 'workflowChart'"></work-flow>
      </el-tab-pane> -->
      <!-- <el-tab-pane label="流程图" name="flowChart">定时任务补偿</el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script>
import SupplementInfo from '../components/SupplementInfo';
import AllInfo from '@/pages/ExterCommun/detail/components/AllInfo';
import WorkFlow from '@/pages/ExterCommun/detail/components/WorkFlow';

export default {
  name: 'Supplement',
  components: {
    SupplementInfo,
    AllInfo,
    WorkFlow
  },
  data() {
    return {
      activeName: 'supplement'
    };
  }
};
</script>
<style lang="scss" scoped>
.supplement-box {
  padding: 15px 0;
  /deep/.el-tabs__nav-wrap {
    padding-left: 20px;
  }
  /deep/.el-tabs__content {
    margin: 20px;
  }
}
</style>
